<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品详情</title>
		<link rel="stylesheet" type="text/css" href="css/info.css"/>
		
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/info.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<!-- 顶部菜单 -->
		<div class="topMenu"></div>
		<!-- 头部搜索 -->
		<div class="header"></div>
		<!-- 头部导航 -->
		<div class="navMenu"></div>
		
		
		<!-- 商品路径 -->
		<div class="linknav">
			<strong><a href="javascript:;;">冷冻品</a></strong>
			<span>
				>
				<a href="javascript:;;">冰淇淋</a>
				>
				<a href="javascript:;;">混合口味冰淇淋</a>
				>
				<a href="javascript:;;">明治</a>
				>
				<a href="javascript:;;">明治 抹茶巧克力口味雪糕 249g</a>
			</span>
			<a href="javascript:;;"><span class="kefubox"><i></i>在线客服</span></a>
		</div>
		
		<!-- 商品展示 -->
		<div class="pWrap">
			<!-- 放大镜展示商品详情 -->
			<div class="pItems">
				<div class="pView">
					<div id="box">
						<div id="small">
							<ul>
								<li><img src="img/info/3_1.jpg" alt=""></li>
								<li><img src="img/info/3_2.jpg" alt=""></li>
								<li><img src="img/info/3_3.jpg" alt=""></li>
								<li><img src="img/info/3_4.jpg" alt=""></li>
							</ul>
						</div>
						<div id="middleImg">
							<img src="img/info/2_1.jpg" />
							<div id="middleArea"></div>
						</div>
						
						<div id="bigArea">
							<img id="bigImg" src="img/info/1_1.jpg" >
						</div>
					</div>
				</div>
				
				
				<div class="pItemsMain">
					<div class="pItemsName">
						<div class="cm">
							<div class="owner_shop">自营</div>
							<h1>明治 抹茶巧克力雪糕 249g</h1>
						</div>
					</div>
					<div class="pItemsPrice">
						<div class="priceBox">
							<span class="dt">优选价:</span>
							<span class="rmb">¥</span>
							<strong class="price">
								39<span>.8</span>
							</strong>
						</div>
						<a href="javascript:;;" class="p_btn">开通优选会员</a>
					</div>
					<div class="clear"></div>
					<div class="pItemsStock">
						<div class="dt">送至</div>
						<div class="dd">
							<div class="region5f">
								<div id="store-selector">
									<div class="text">
										<div class="address-more">北京东城区</div>
										<b></b>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="pItemsChoose">
						<div class="chooseBtns">
							<div class="pAmount">
								<span>
									<input type="text" class="text" id="number" value="1"/>
								</span>
								<span>
									<a href="javascript:;;" class="add_num">+</a>
									<a href="javascript:;;" class="reduce_num">-</a>
								</span>
							</div>
							<div class="pBtn">
								<a href="javascript:;;">
									<b></b>
									加入购物车
								</a>
							</div>
							<div class="pBtn quickBuy">
								<a href="javascript:;;">一键购买</a>
							</div>
							<div class="phone_client">
								<div class="phone_time">
									扫描下载
									<p>先摇券 后买单</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="pItemsSide">
				<div class="sideWrap">
					<ul class="points">
						<li><img src="img/info/productattr1.png" ></li>
						<li class="attr2"><img src="img/info/productattr2.png" ></li>
						<li><img src="img/info/productattr3.png" ></li>
					</ul>
				</div>
				<div class="pdetail">
					<ul>
						<li>品牌:明治</li>
						<li>产地:中国内地</li>
						<li>规格:249g</li>
						<li>重量:0.3kg(含包装)</li>
						<li>商品编号:4900329893</li>
						<li class="card_pay">
							<span class="card_pay_left">优选卡</span>
							<span class="card_pay_right">支持优选卡支付</span>
						</li>
					</ul>
					<div class="pDeclare">
						<div class="nosupport">
							<b></b>
							本商品不支持无理由退货
						</div>
					</div>
				</div>
				<div class="pcommdetail">
					<dl class="prate">
						<dt>好评度</dt>
						<dd>
							<div class="dd">
								<span></span>
							</div>
							<strong>
								<span>100</span>
								<span>%</span>
							</strong>
						</dd>
					</dl>
					<dl class="pcomment"></dl>
				</div>
			</div>
			<div class="clear"></div>
		</div>
	
		<!-- 商品详情 -->
		<div class="pWrap">
			<div class="left-box">
				<div class="catList">
					<h2 class="t">相关分类</h2>
					<ul class="pClass">
						<li>
							<strong><a href="javascript:;;">冰淇淋</a></strong>
							<a href="javascript:;;">单一口味冰淇淋</a>
							<a href="javascript:;;">混合口味冰淇淋</a>
							<a href="javascript:;;">冰棒</a>
							<a href="javascript:;;">冰淇淋券</a>
						</li>
					</ul>
					<div class="clear"></div>
				</div>
				<div id="brandCon" class="catList">
					<h2 class="t">相关品牌</h2>
					<ul class="pClass">
						<li>
							<a href="javascript:;;">明治</a>
							<a href="javascript:;;">和路雪</a>
							<a href="javascript:;;">哈根达斯</a>
							<a href="javascript:;;">普隆别尔</a>
							<a href="javascript:;;">玛琪摩尔</a>
							<a href="javascript:;;">华芙</a>
							<a href="javascript:;;">田口食品</a>
							<a href="javascript:;;">伊利</a>
							<a href="javascript:;;">天凯乐</a>
						</li>
					</ul>
					<span class="clickShow">
						<b class="show"></b>
					</span>
				</div>
				<div class="l-recommed"></div>
				<div class="l-recommed"></div>
			</div>
			<div class="main-box">
				
			</div>
		</div>
		<div class="clear"></div>
		
		<!-- 页面底部 -->
		<div id="footer"></div>
		
		<!-- 页面旁边的几个功能模块 -->
		<div class="side_wrap">
			<div class="side_pane1">
				<div class="side-c">
					<a href="javascript:;;" class="kefuicon"></a>
				</div>
				<div class="side-c">
					<a href="javascript:;;" class="side_v"></a>
				</div>
				<div class="side-c">
					<a href="javascript:;;" class="s-cart"></a>
				</div>
				<div class="side-c">
					<a href="javascript:;;" class="s-guang"></a>
				</div>
				<div class="side-c">
					<a href="javascript:;;" class="s-app"></a>
				</div>
				<div class="side-c">
					<a href="javascript:;;" class="s-promote"></a>
				</div>
				<div class="side-c">
					<a href="javascript:;;" class="s-top"></a>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(() => {
				$(".topMenu").load("./index_top.html");
				$(".header").load("./index_header.html");
				$(".navMenu").load("./index_nav.html");
				$("#footer").load("./index_footer.html");
			})
		</script>
	</body>
</html>
